$(document).ready(function() {

    $(".hmenu ul li img.line").first().fadeIn().css("display", "table");
    $("#sumbenu1").children("img.ico").attr("src", "images/submenu/1.1.png");
    $(".hmenu ul li").click(function(e) {
        e.preventDefault();
        $(".hmenu ul li img.line").fadeOut();
        $(this).children(".line").fadeIn().css("display", "table");

        switch ($(this).attr("id")) {
            case "sumbenu1":
                $(this).children("img.ico").attr("src", "images/submenu/1.1.png");
                $("#sumbenu2").children("img.ico").attr("src", "images/submenu/2.png");
                $("#sumbenu3").children("img.ico").attr("src", "images/submenu/3.png");
                loadPerilla();
                break;
            case "sumbenu2":
                $(this).children("img.ico").attr("src", "images/submenu/2.1.png");
                $("#sumbenu1").children("img.ico").attr("src", "images/submenu/1.png");
                $("#sumbenu3").children("img.ico").attr("src", "images/submenu/3.png");
                loadStatus();
                break;
            case "sumbenu3":
                $(this).children("img.ico").attr("src", "images/submenu/3.1.png");
                $("#sumbenu1").children("img.ico").attr("src", "images/submenu/1.png");
                $("#sumbenu2").children("img.ico").attr("src", "images/submenu/2.png");
                loadAyuda();
                break;
        }

    });



    loadPerilla();
    $("#modal_content .boton").click(function() {
        $("#modal").slideUp();
    });
});

var pd = 0;

function loadPerilla() {
    $(".main").html("");
    $.ajax({
        url: "perilla.html",
        cache: false
    }).done(function(html) {
        $(".main").append(html);
        $("#asist").attr("src", "images/perilla/iconos/asist_vial2.png");

        pd = 0;
        $(".main .container img.control").click(function() {
            switch ($(this).attr("id")) {
                case "choque":
                    var n = pd - 43;
                    $("#p_peri").attr({
                        'style': "-webkit-transform: rotate(" + n + "deg);"
                    });
                    $("#p_somb").attr({
                        'style': "-webkit-transform: rotate(" + n + "deg);"
                    });
                    $("#choque").attr("src", "images/perilla/iconos/choque2.png");
                    $("#asist").attr("src", "images/perilla/iconos/asist_vial1.png");
                    $("#legal").attr("src", "images/perilla/iconos/asis_legal1.png");
                    $("#cristal").attr("src", "images/perilla/iconos/cristales.png");
                    $("#robo").attr("src", "images/perilla/iconos/robo1.png");
                    break;

                case "asist":
                    var n = pd - 0;
                    $("#p_peri").attr({
                        'style': "-webkit-transform: rotate(" + n + "deg);"
                    });
                    $("#p_somb").attr({
                        'style': "-webkit-transform: rotate(" + n + "deg);"
                    });
                    $("#choque").attr("src", "images/perilla/iconos/choque1.png");
                    $("#asist").attr("src", "images/perilla/iconos/asist_vial2.png");
                    $("#legal").attr("src", "images/perilla/iconos/asis_legal1.png");
                    $("#cristal").attr("src", "images/perilla/iconos/cristales.png");
                    $("#robo").attr("src", "images/perilla/iconos/robo1.png");
                    break;

                case "legal":
                    var n = pd + 43;
                    $("#p_peri").attr({
                        'style': "-webkit-transform: rotate(" + n + "deg);"
                    });
                    $("#p_somb").attr({
                        'style': "-webkit-transform: rotate(" + n + "deg);"
                    });
                    $("#choque").attr("src", "images/perilla/iconos/choque1.png");
                    $("#asist").attr("src", "images/perilla/iconos/asist_vial1.png");
                    $("#legal").attr("src", "images/perilla/iconos/asis_legal2.png");
                    $("#cristal").attr("src", "images/perilla/iconos/cristales.png");
                    $("#robo").attr("src", "images/perilla/iconos/robo1.png");
                    break;

                case "cristal":
                    var n = pd + 86;
                    $("#p_peri").attr({
                        'style': "-webkit-transform: rotate(" + n + "deg);"
                    });
                    $("#p_somb").attr({
                        'style': "-webkit-transform: rotate(" + n + "deg);"
                    });
                    $("#choque").attr("src", "images/perilla/iconos/choque1.png");
                    $("#asist").attr("src", "images/perilla/iconos/asist_vial1.png");
                    $("#legal").attr("src", "images/perilla/iconos/asis_legal1.png");
                    $("#cristal").attr("src", "images/perilla/iconos/cristales2.png");
                    $("#robo").attr("src", "images/perilla/iconos/robo1.png");
                    break;

                case "robo":
                    var n = pd + 129;
                    $("#p_peri").attr({
                        'style': "-webkit-transform: rotate(" + n + "deg);"
                    });
                    $("#p_somb").attr({
                        'style': "-webkit-transform: rotate(" + n + "deg);"
                    });
                    $("#choque").attr("src", "images/perilla/iconos/choque1.png");
                    $("#asist").attr("src", "images/perilla/iconos/asist_vial1.png");
                    $("#legal").attr("src", "images/perilla/iconos/asis_legal1.png");
                    $("#cristal").attr("src", "images/perilla/iconos/cristales.png");
                    $("#robo").attr("src", "images/perilla/iconos/robo2.png");
                    break;

            }
        });

        $(".titulos .boton").click(function() {
            //console.log("Alerta enviada");
            $.ajax({
                url: "http://www.vizcaya.pro/rsa/notify.php",
                cache: false
            }).done(function(html) {
                $("#modal").slideDown();
                loadStatus();
                $(".hmenu ul li img.line").fadeOut();
                $("#sumbenu2").children(".line").fadeIn().css("display", "table");
            });

        });

    });

    //$(".main .container img").click(function() {
    //    console.log($(this).attr("id"));
    //});
}

function loadStatus() {
    $(".main").html("");
    $.ajax({
        url: "status.html",
        cache: false
    }).done(function(html) {
        $(".main").append(html)
    });

}

function loadAyuda() {
    $(".main").html("");
    $.ajax({
        url: "ayuda.html",
        cache: false
    }).done(function(html) {
        $(".main").append(html)
    });


}